<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>班级课表</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="${s.base}/phone/css/common.css">
<link rel="stylesheet" href="${s.base}/phone/css/font-awesome.css">
	<script src="${s.base}/js/jquery-3.2.0.min.js"></script>
	<script type="application/javascript">
		$(function(){
		    $(".changeBtn").bind("click",function(){
                $("#showContent").hide();
                $("#showSelect").show();
			});
		})
	</script>
</head>
<body>
<div id="showContent">
<div class="course-head">
	<#if personType == "1">
		${msgStudent.gradeName}${msgStudent.className}
	</#if>
	<#if personType == "2">
		<#list msgTeacherClassList as msgTeacherClass>
			<#if msgTeacherClass.classId == classId>
				${msgTeacherClass.gradeName}${msgTeacherClass.className}
			</#if>
		</#list>
	</#if>
	<#if personType == "3">
		${msgParent.gradeName}${msgParent.className}
	</#if>
	课程表
	<#if personType == "2">
		<a class="icon changeBtn"><i class="fa fa-exchange"></i></a>
	</#if>
	<#if personType == "3">
		<a class="icon changeBtn"><i class="fa fa-exchange"></i></a>
	</#if>

</div>
<div class="course-content">
	<table  class="course-table" width="100%" border="0" cellspacing="0" cellpadding="0">
	  <tbody>
		<tr>
		  <th scope="col"></th>
		  <th scope="col">周一</th>
		  <th scope="col">周二</th>
		  <th scope="col">周三</th>
		  <th scope="col">周四</th>
		  <th scope="col">周五</th>
		</tr>
		<#list courseDayList as courseDay>
			<#if courseDay.num lt 5 >
			<tr>
				<td>
					<#if courseDay.num==1>
						第一节课
					</#if>
					<#if courseDay.num==2>
						第二节课
					</#if>
					<#if courseDay.num==3>
						第三节课
					</#if>
					<#if courseDay.num==4>
						第四节课
					</#if>
					<#if courseDay.num==5>
						第五节课
					</#if>
					<#if courseDay.num==6>
						第六节课
					</#if>
					<#if courseDay.num==7>
						第七节课
					</#if>
					<#if courseDay.num==8>
						第爸节课
					</#if>
				</td>
				<td>${courseDay.courseNameMonday}</td>
				<td>${courseDay.courseNameTuesday}</td>
				<td>${courseDay.courseNameWednesday}</td>
				<td>${courseDay.courseNameThursday}</td>
				<td>${courseDay.courseNameFriday}</td>
			</tr>
			</#if>
		</#list>

		<tr>
		  <td colspan="6">午休时间</td>		  
		</tr>
	  </tbody>
	</table>
  	<table  class="course-table-green" width="100%" border="0" cellspacing="0" cellpadding="0">
	  <tbody>
	  <#list courseDayList as courseDay>
		  <#if courseDay.num gt 4 >
		  <tr>
			  <td>
				  <#if courseDay.num==1>
					  第一节课
				  </#if>
				  <#if courseDay.num==2>
					  第二节课
				  </#if>
				  <#if courseDay.num==3>
					  第三节课
				  </#if>
				  <#if courseDay.num==4>
					  第四节课
				  </#if>
				  <#if courseDay.num==5>
					  第五节课
				  </#if>
				  <#if courseDay.num==6>
					  第六节课
				  </#if>
				  <#if courseDay.num==7>
					  第七节课
				  </#if>
				  <#if courseDay.num==8>
					  第八节课
				  </#if>
				  <#if courseDay.num==9>
					  晚自习
				  </#if>
			  </td>
			  <td>${courseDay.courseNameMonday}</td>
			  <td>${courseDay.courseNameTuesday}</td>
			  <td>${courseDay.courseNameWednesday}</td>
			  <td>${courseDay.courseNameThursday}</td>
			  <td>${courseDay.courseNameFriday}</td>
		  </tr>
		  </#if>
	  </#list>
	  </tbody>
	</table>
	
</div>
</div>
<div id="showSelect" style="width:100%; height:100%; background-color:#FFF; display: none;">
	<div class="Seach-content">
		<ul>
			<#if personType == "2">
				<#list msgTeacherClassList as msgTeacherClass>
					<li><a href="${s.base}/mobile/course?classId=${msgTeacherClass.classId}&personType=2&id=${msgTeacher.teacherId}">${msgTeacherClass.gradeName}${msgTeacherClass.className}</a></li>
				</#list>
			</#if>
			<#if personType == "3">
				<#list msgParentList as msgParents>
					<li><a href="${s.base}/mobile/course?classId=${msgParents.classId}&personType=3&id=${msgParents.parentId}">${msgParents.gradeName}${msgParents.className}</a></li>
				</#list>

			</#if>
			</li>
		</ul>
	</div>
</div>
</body>
</html>

